<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>AI和NLP资源整合</title>
    <link rel="icon" href="https://gitee.com/lrjqike/blogimage/raw/master/img/202212041529226.ico">
  </head>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    body {
      font-family: "Helvetica Neue", sans-serif;
      background-color: #FFFFFF;
    }

    h1 {
      font-size: 2em;
      text-align: center;
      position: relative;
      top: 20px;
      color: #FFFFFF;
      margin-bottom: 40px;
    }

    ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      list-style: none;
      padding: 0;
      margin: 0;
      margin-top: 40px;
      width: 80%;
      margin: 0 auto;
    }

    li {
      margin: 10px;
      padding: 0;
    }

    button {
      height: 44px;
      /* width: 112px; */
      background-color: #ffffff;
      color: #2c3e50;
      border: none;
      border-radius: 5px;
      font-size: 18px;
      cursor: pointer;
      transition: background-color 0.3s ease-in-out;
      padding: 10px 20px;
    }

    button:hover {
      background-color: #616161;
      color: #ffffff;
    }

    .spikes {
      position: relative;
      background: #2c3e50;
      height: 50vh;
    }

    .spikes::after {
      content: '';
      position: absolute;
      right: 0;
      left: -0%;
      top: 100%;
      z-index: 10;
      display: block;
      height: 50px;
      background-size: 50px 100%;
      background-image: linear-gradient(135deg, #2c3e50 25%, transparent 25%), linear-gradient(225deg, #2c3e50 25%, transparent 25%);
      background-position: 0 0;
    }

    @media screen and (max-width: 480px) {
      button {
        font-size: 14px;
        margin: 5px auto;
        padding: 5px 10px;
        flex-basis: calc(100% - 20px);
        max-width: calc(100% - 20px);
      }
    }
  </style>
</head>

<body>
  <section class="spikes">
    <h1>AI和NLP资源整合——知识大杂烩</h1>
    <ul>
      <li><a href="https://user.icve.com.cn" target="_blank"><button>智慧职教</button></a></li>
      <li><a href="https://v2.vuejs.org/v2/guide/" target="_blank"><button>Vue 2</button></a></li>
      <li><a href="https://www.59gpt.com/#/chat/1002" target="_blank"><button>59-GPT</button></a></li>
      <li><a href="https://www.explainthis.io/zh-hans/chatgpt" target="_blank"><button>国内版角色</button></a></li>
      <li><a href="https://fastgpt.app/" target="_blank"><button>GPT-3.5-4.8-4.32</button></a></li>
      <li><a href="https://searchgpt.perrysahnow.com/" target="_blank"><button>API密钥版</button></a></li>
      <li><a href="https://github.com/Chanzhaoyu/chatgpt-web" target="_blank"><button>Github角色</button></a></li>
      <li><a href="https://www.bing.com/search?q=Bing+AI&showconv=1&FORM=hpcodx" target="_blank"><button>Bing AI对话</button></a></li>
      <li><a href="https://www.bing.com/create" target="_blank"><button>Bing AI绘画</button></a></li>
      <li><a href="https://yiyan.baidu.com/welcome" target="_blank"><button>文心一言</button></a></li>
       <li><a href="https://www.plantuml.com/"><button>在线UML绘图</button></a></li>
      <li><a href="https://png.cm/" target="_blank"><button>简单图床</button></a></li>
      <li><a href="https://www.gaituya.com/" target="_blank"><button>改图鸭</button></a></li>
      <li><a href="https://telegraph-image.pages.dev/" target="_blank"><button>免费图床</button></a></li>
      <!-- <li><a href="https://user.icve.com.cn" target="_blank"><button>智慧职教</button></a></li>
      <li><a href="https://user.icve.com.cn" target="_blank"><button>智慧职教</button></a></li> -->
    </ul>
  </section>
</body>

</html>